// 为发送按钮绑定鼠标点击事件
let ipt = document.querySelector('#ipt');
let talkList = document.querySelector('.talk_list');
let btnSend = document.querySelector('#btnSend');


btnSend.addEventListener('click', function () {
    let text = ipt.value.trim();

    if (text.length <= 0) {
        // 如果用户没有输入内容或则输入的是空白内容, 则清空
        return ipt.value = '';
    }
    // 如果用户输入了聊天内容, 则将聊天内容追加到页面上显示
    let li = document.createElement('li');
    li.innerHTML = `<img src="img/person02.png"/> <span>${ipt.value}</span>
            `.trim()
    li.className = 'right_word';

    // 原生方式
    // talkList.appendChild(li);

    // Jquery方式
    $('.talk_list').append(`<li class="right_word"><img src="img/person02.png"/> <span>${ipt.value}</span></li>`)
    ipt.value = '';
    // 重制滚动条的位置
    resetui();

    // 发起请求, 聊天机器人返回信息
    getMsg(text);

})

/**
 * 实现input输入框, 回车发送信息
 */
ipt.addEventListener('keyup', function (e) {
    if (e.keyCode === 13) {
        // 调用按钮元素的click函数, 可以通过编程的形式触发按钮的点击事件
        btnSend.click();
    }
})

function getMsg(text) {
    $.ajax({
        method: 'GET',
        url: 'http://www.liulongbin.top:3006/api/robot',
        data: {spoken: text},
        success: (res) => {
            if (res.message === 'success') {
                console.log(res)
                $('.talk_list').append(`<li class="left_word"><img src="img/person01.png"/> <span>${res.data.info.text}</span></li>`)
                getVoice(res.data.info.text);
            }
        }
    })
    // $('.talk_list').append(`<li class="left_word"><img src="img/person01.png"/> <span>${text.replace('你', '我')}</span></li>`)
    resetui();
}

function getVoice(text) {
    $("#voice").attr('src', `http://tts.youdao.com/fanyivoice?word=${text}&le=zh&keyfrom=speaker-target`)
    // $("#voice").attr('src', `http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=4&text=你好啊，听起来好憨啊`)

    /*$.ajax({
        method: 'GET',
        url: 'http://tts.baidu.com/text2audio',
        data: {lan: 'zh', ie: 'UTF-8', spd: '2', text: text},
        success: (res) => {
            // 播放语音
            $("#voice").attr('src', res)
        }
    })*/
}
